<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <h1>blog</h1>
        <h4>谁还用古诗装X啊</h4>
    </header>
    <nav>
        <ul>
            <li><a href="">导航1</a></li>
            <li><a href="">导航2</a></li>
            <li>
                <a href="">导航3</a></li>
            <li><a href="">导航4</a></li>
        </ul>
    </nav>
    <div id="main">
        <div id="lside">
            <?php foreach($arts as $v){ ?>
            <article>
                <h2><a href="art.php?art_id=<?php echo $v['art_id']; ?>"><?php echo $v['title']; ?></a></h2>
                <div class="entry_header">
                    <time><?php echo date('Y/m/d',$v['pubtime']); ?></time>
                    by
                    <a href="#">十八</a>
                    <a class="catlink" href="#"><?php echo $v['catname']; ?></a>
                    <a class="comment" href="#"><?php echo $v['comm']; ?>条评论</a>
                </div>
                <div class="entry_content">
                   <?php echo $v['content']; ?>
                </div>
            </article>
           <?php } ?>
            <div id="pagebar">
                Pages:&nbsp;
                <?php foreach($pages as $k=>$v){ ?>
                    <?php if($k==$page){ ?>
                    <?php echo $k;}else{ ?>
                    <a href="index.php?<?php echo $v; ?>"><?php echo $k; ?></a>
                    <?php } ?>
                <?php }?>
            </div>
        </div>
        <div id="rside">
            <aside>
                <form action="">
                    <input type="text" name="search" placeholder="Search...">
                </form>
            </aside>
            <aside>
                <h4>栏目列表</h4>
                <ul>
                    <?php foreach($cats as $v){ ?>
                    <li><a href="index.php?cat_id=<?php echo $v['cat_id']; ?>"><?php echo $v['catname']; ?></a>&nbsp;(<?php echo $v['num']; ?>)</li>
                    <?php } ?>
                </ul>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题1</a></li>
                    <li><a href="">文章标题2</a></li>
                    <li><a href="">文章标题3</a></li>
                    <li><a href="">文章标题4</a></li>
                </ul>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题1</a></li>
                    <li><a href="">文章标题2</a></li>
                    <li><a href="">文章标题3</a></li>
                    <li><a href="">文章标题4</a></li>
                </ul>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题1</a></li>
                    <li><a href="">文章标题2</a></li>
                    <li><a href="">文章标题3</a></li>
                    <li><a href="">文章标题4</a></li>
                </ul>
            </aside>
        </div>
    </div>
    <footer>
        Copyright &copy; 2015 · GeneratePress · WordPress
    </footer>
</body>
</html>